<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>1.0.0 首页</title>



<#include "../com/top.ftl">

<!--中间  主体内容-->
<!--nav 导航部分-->
<div class="mm-nav clearfix">
    <ul class="main_text_width clearfix">
        <li class="mm-nav-curr">
            <a href="1.0.0 index.html">首&nbsp;&nbsp;&nbsp;&nbsp;页</a>
        </li>
        <li>
            <a href="${ctx}/carBookingIndex${suffix}">车辆预定</a>
        </li>
        <li>
            <a href="3.0.0wnagdian.html">网点分布</a>
        </li>
        <li>
            <a href="4.0.0gongwuyongche.html">公务用车</a>
        </li>
        <li>
            <a href="5.0.0wuliuyongche.html">物流用车</a>
        </li>
        <li>
            <a href="6.0.0huiyuanjieshao.html">会员介绍</a>
        </li>
        <li >
            <a href="12.0.0jifenshangcheng.html">积分商城</a>
        </li>
        <li>
            <a href="7.0.0zixun.html">资讯动态</a>
        </li>
        <li>
            <a href="9.0.0zhaoshangjiameng.html">招商加盟</a>
        </li>
    </ul>
</div>
<!--banner部分-->
<div>
	<!--图片轮播-->
	<div class="swiper-container">
	    <div class="swiper-wrapper">
	        <div class="swiper-slide"><a href="javascript:void(0);" style="background:url(${ctx}/resources/images/daole/banner.jpg) no-repeat center center;"></a></div>
	        <div class="swiper-slide"><a href="javascript:void(0);" style="background:url(${ctx}/resources/images/daole/banner.jpg) no-repeat center center;"></a></div>
	        <div class="swiper-slide"><a href="javascript:void(0);" style="background:url(${ctx}/resources/images/daole/banner.jpg) no-repeat center center;"></a></div>
	    </div>
	    <div class="swiper-pagination"></div>
	</div>
	<!--选择框-->
	<div class="a_zuche1 main_text_width">
		<div class="a_zuche_choose">
			 <ul class="a_zuche_infos clearfix">
			 	<li>
			 		<ul class="a_yongche">
			 			 <li  class="a_show"><a href="javascript:void(0);">个人用车<em></em></a></li>
					 	 <li><a href="javascript:void(0);">政府用车<em></em></a></li>
					 	 <li><a href="javascript:void(0);">企业用车<em></em></a></li>
					 	 <li><a href="javascript:void(0);">物流用车<em></em></a></li>
			 		</ul>
			 	</li>
			 	<li class="a_last_area">
			 		<span class="a_quche">取车网店</span>
				    <div class="info">
					    <div>
					        <select id="s_province" class="s_province1" name="s_province"></select>
					        <select id="s_city" class="s_province1 s_province2" name="s_city" ></select>
					        <!--<select id="s_county" class="s_province" name="s_county"></select>-->
					    </div>
					    <!-- <div id="show"></div> -->
					</div>
			 	</li>
			 	<li class="a_last_area">
			 		<span class="a_quche">取车时间</span>
			 		<input class="laydate-icon" id="trainDate">
			 		<select class="a_time">
			 			<option value="">00：00</option>
			 			<option value="">02：00</option>
			 			<option value="">04：00</option>
			 			<option value="">06：00</option>
			 			<option value="">08：00</option>
			 			<option value="">10：00</option>
			 			<option value="">12：00</option>
			 		</select>
			 	</li>
			 	<li>
			 		<ul class="a_yongche">
			 			 <li class="a_show"><a href="javascript:void(0);">日租<em></em></a></li>
					 	 <li><a href="javascript:void(0);">月租<em></em></a></li>
					 	 <li><a href="javascript:void(0);">季租<em></em></a></li>
					 	 <li><a href="javascript:void(0);">年租<em></em></a></li>
			 		</ul>
			 	</li>
			 	<li>
			 		<span class="a_quche a_back_time">还车时间：</span>
			 		<a href="javascript:void(0);" id="trainDate" class="trainDate" style="display: inline-block;" onclick="laydate()">2016-8-27 12：30</a>
			 	</li>
			 </ul>
			 <div class="a_ongche_btn">
				 <a href="2.0.0 cheliang_order.html">到乐用车</a>
			</div>
		</div>
	</div>
</div>
<!--内容展示区-->
<div class="main_text_width clearfix">
	 <!--zuo-->
	 <div class="index_left">
	 	 <!--左边-->
	 	 <div class="a_hot_car">
		 	 <p>热门车型 <a href="2.0.0 cheliang_order.html"> 更多&gt;&gt;</a></p>
		 	 <!--图+文-->
			 <div class="a_car_text">
			 	<div>
			 		<a href="2.1.0 cheliang_information.html">
				 		<div class="a_car_img">
				 		 	<em></em>
				 		 	<img src="${ctx}/resources/images/daole/a_car1.jpg"/>
				 		</div>
					 	<h2>大众斯柯达野帝</h2>
					 	<h3>
					 	 	<span>16.7</span>元/小时|<span>168.0</span>元/天
					 	</h3>
					 	<h4>
					 		<span>手动</span>
					 		&nbsp;|&nbsp;
					 		<span>棕色</span>
					 		&nbsp;|&nbsp;
					 		<span>SUV</span>
					 		&nbsp;|&nbsp;
					 		<span>5座</span>
					 	</h4>
				 	</a>
			 	</div>
			 	<div>
			 		<a href="2.1.0 cheliang_information.html">
			 		  	<div class="a_car_img">
			 		 		<em></em>
			 		 		<img src="images/a_car2.jpg"/>
			 		 	</div>
				 	 	<h2>大众斯柯达野帝</h2>
				 	 	<h3>
				 	 		<span>16.7</span>元/小时 | <span>168.0</span>元/天
				 	 	</h3>
				 	 	<h4>
					 		<span>手动</span>
					 		&nbsp;|&nbsp;
					 		<span>棕色</span>
					 		&nbsp;|&nbsp;
					 		<span>SUV</span>
					 		&nbsp;|&nbsp;
					 		<span>4座</span>
					 	</h4>
				 	</a>
			 	</div>
			 	<div>
			 		<a href="2.1.0 cheliang_information.html">
			 		  	<div class="a_car_img">
			 		 		<em></em>
			 		 		<img src="${ctx}/resources/images/daole/a_car3.jpg"/>
			 			</div>
				 	 	<h2>大众斯柯达野帝</h2>
				 	 	<h3>
				 	 		<span>16.7</span>元/小时|<span>168.0</span>元/天
				 	 	</h3>
				 	 	<h4>
					 		<span>手动</span>
					 		&nbsp;|&nbsp;
					 		<span>棕色</span>
					 		&nbsp;|&nbsp;
					 		<span>SUV</span>
					 		&nbsp;|&nbsp;
					 		<span>4座</span>
					 	</h4>
				 	</a>
			 	</div>
			 </div>
			 <!--1.2.3.-->
			 <div class="a_xuanze_buzhou clearfix">
			 	<dl>
			 		<dt>1</dt>
			 		<dd>
			 			 <h5>制定行程</h5>
			 			 <h6>选择取车还车门店及时间 </h6>
			 		</dd>
			 	</dl>
			 	<dl>
			 		<dt>2</dt>
			 		<dd>
			 			 <h5>选择车型</h5>
			 			 <h6>多款车型供您挑选</h6>
			 		</dd>
			 	</dl>
			 	<dl> 
			 		<dt>3</dt>
			 		<dd>
			 			 <h5>提交订单</h5>
			 			 <h6>轻松下单，开始旅行 </h6>
			 		</dd>
			 	</dl>
			</div>
		</div>
		<div class="a_hot_car a_hot_active">
		 	<p>热门活动 <a href="7.0.0zixun.html"> 更多&gt;&gt;</a></p>
		 	<!--图+文-->
			<ul>
			 	<li>
			 		<div>
			 			<a href="#">
				 			<div><img src="${ctx}/resources/images/daole/a_remen_1.jpg"/></div>
				 			<h6>用户新体验0租金<h6>
			 			</a>
			 		</div>
			 	</li>
			 	<li>
			 		<div class="a_shang">
			 			<a href="#">
			 			 	<div><img src="${ctx}/resources/images/daole/a_remen_2.jpg"/></div>
			 			 	<h6>用户新体验0租金<h6>
			 			</a>
			 		</div>
			 		<div>
			 			<a href="#">
			 			 	<div><img src="${ctx}/resources/images/daole/a_remen_3.jpg"/></div>
			 			 	<h6>用户新体验0租金<h6>
			 			</a>
			 		</div>
			 	</li>
			 	<li>
			 		<div class="a_shang">
			 			<a href="#">
			 			 	<div><img src="${ctx}/resources/images/daole/a_remen_4.jpg"/></div>
			 			 	<h6>用户新体验0租金<h6>
			 			</a>
			 		</div>
			 		<div>
			 			<a href="#">
			 			 	<div><img src="${ctx}/resources/images/daole/a_remen_5.jpg"/></div>
			 			 	<h6>用户新体验0租金<h6>
			 			</a>
			 		</div>
			 	</li>
			</ul> 
		</div>
	</div>
	 <!--you-->
	 <div class="index_right">
	 	 <!--右边 欢迎来到乐-->
		 <div class="a_class_wel">
		 	<!--登录-->
		 	 <div class="a_denglu">
		 	 	<div class="a_denglu_tu"><img src="${ctx}/resources/images/daole/a_touxiang.png"/></div>
		 	 	<p>欢迎来到乐！</p>
		 	 	<div>
		 	 		<a href="javascript:void(0);" class="lijidenglu">登录</a>
		 	 		<a href="0.0.2 zhuce.html">注册</a>
		 	 	</div>
		 	 </div>
		 	 <!--App下载-->
		 	 <div class="a_app clearfix">
		 	 	<p>到乐APP下载</p>
		 	 	<ul class="x_xiazai_now">
		 	 		 <li><a href="javascript:void(0);">立即下载</a></li>
		 	 		 <li><a href="javascript:void(0);" class="a_android">立即下载</a></li>
		 	 	</ul>
		 	 	<div>
		 	 		<img src="${ctx}/resources/images/daole/a_erweima.png"/>
		 	 	</div>
		 	 	<div style="display: none;">
		 	 		<img src="${ctx}/resources/images/daole/a_zhuce_app.png"/>
		 	 	</div>
		 	 </div>
		</div>
	    <!--右边 常见问题-->
	    <div class="a_class_wel a_question">
	     	<h3>常见问题</h3>
	     	<ul>
	     	 	<li><a href="#">租车如何支付押金</a></li>
	     	 	<li><a href="#">租车如何支付押金</a></li>
	     	 	<li><a href="#">租车如何支付押金</a></li>
	     	 	<li><a href="#">租车如何支付押金</a></li>
	     	 	<li><a href="#">租车如何支付押金</a></li>
	     	 	<li><a href="#">租车如何支付押金</a></li>  
	     	</ul>
	    </div>
	</div>
</div>
<!--合作伙伴-->
<div class="main_text_width a_hezuo clearfix">
	<div class="a_hot_car"> 
	     <p>合作伙伴</p>
	</div>
	<div class="a_hezuo_tu">
		 <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_1.jpg"/></a></div>
		 <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_2.jpg"/></a></div>
         <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_3.jpg"/></a></div>
         <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_1.jpg"/></a></div>
         <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_2.jpg"/></a></div>
         <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_3.jpg"/></a></div>
         <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_1.jpg"/></a></div>
         <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_2.jpg"/></a></div>
         <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_3.jpg"/></a></div>
         <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_1.jpg"/></a></div>
         <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_2.jpg"/></a></div>
         <div><a href="javascript:void(0);"><img src="${ctx}/resources/images/daole/a_hezuo_3.jpg"/></a></div>
	</div>
</div>


<#include "../com/foot.ftl">


